<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        同样在网页中,我们经常需要表格
            我们可以通过table标签表示一个表格
     -->
    
     <table border="1" width="50%" align="center">
         <tr> <!-- 在table 中使用tr表示表格中的一行,有几个tr就有几行 -->
            <!-- 在tr中使用td表示一个单元格,有几个td就有几个单元格 -->
             <td>Al</td>
             <td>Bl</td>
             <td>Cl</td>
             <td>Dl</td>
         </tr>
         <tr>
             <td>Al</td>
             <td>Bl</td>
             <!-- 
                 rowspan纵向的合并单元格
                 colspan横向的合并的单元格
              -->
             <td colspan="2">Cl</td>
            
         </tr>
     </table>
</body>
</html>